
li{list-style: none;}
body,html{
    width:100%;
    height: 100%;
    background: #f0f0f0;
}
.PxToRem(@name,@px){
    @{name} : @px / 75 * 1rem;
}
header{
    dl{position: fixed;
    display: flex;
    .PxToRem(top,47);
    .PxToRem(left,20);
    dt{
        .PxToRem(padding,18);
        img{
            .PxToRem(width,124);
            .PxToRem(height,124);
        }
    }
    dd{.PxToRem(margin-top,45);}
    
    }
}
.cont{margin-top: 2%;}

.main{
    background: #fff;
    dl{  .PxToRem(padding,25);
         .PxToRem(height,25);
         display: flex;
         align-items:center;
         border-bottom: 1px solid #CCCCCC;
         dd{.PxToRem(font-size,21);
            span:nth-child(2){.PxToRem(padding-left,347);color:#999999}
         };
         dt{
             img{ .PxToRem(padding,25);}
         }
       
    }
    
}


footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    .PxToRem(height,90);
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    dl{
        dd{
            .PxToRem(margin-top,6);
        }
        .wd{
            color: #27c1b4
        }
    }
}










